@charset "utf-8";
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;

    /*background: transparent;*/
}
body{font-family:"Microsoft YaHei", "微软雅黑","Hiragino Sans GB", "Lantinghei SC", "Open Sans", Arial, "STHeiti", "WenQuanYi Micro Hei", SimSun, sans-serif;}
table {
    border-collapse:collapse;
    border-spacing:0;
}
fieldset, img {    border:0;}
address, caption, cite, code, dfn, em, strong, th, var {
    font-style:normal;
    font-weight:normal;
}
ol, ul { list-style:none; }
caption, th { text-align:left; }
h1, h2, h3, h4, h5, h6 {
    font-size:200%;
    font-weight:normal;
}
:focus { outline: 0;}
a{ text-decoration:none;}
a:hover,a:focus{text-decoration:none!important;}
a:hover img{ border:none;}

a:active{noOutline:expression(this.onFocus=this.blur());}
/*清除浮动*/
.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix { height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

/*png css hack for ie6*/
*html img.png{
    _background-image: expression(this.runtimeStyle.backgroundImage = "none",this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.src + "', sizingMethod='image')",this.src = "http://i0.itc.cn/20101019/848_0a785a7b_1118_4825_85dc_e8696988c94b_0.gif");
}
body .container{
    width: 1000px;
    margin: 0 auto;
    padding:0;
}
.right{
    float: right;
}
.left{
    float: left;
}
.flex{
    display: flex;
}
.headerBg{
    width: 100%;
    height: 200px;
    background-size: cover;
    background-position: center;
    background-image: url("../img/headerBg.png");
}
.bread{
    margin-top: 5px;
}
.bread a{
    color: #333;
    font-size: 12px;
    margin-top: 5px;
}
.bread .active{
    color: #F9B100;
}
.bread .loginState{
    display: inline-block;
    font-size: 12px;
    float: right;
}
.bread .loginAbout{
    color: #F9B100;
    cursor: pointer;
}
.bread .loginState .loginName{
    margin-right: 10px;
}
.titleName {
    margin:60px 0;
}
.titleName .name{
    font-size: 22px;
    display: inline-block;
    vertical-align: middle;
    width: 240px;
    height: 50px;
    line-height: 50px;
    background-color: #F9B100;
    box-shadow: 0px 3px 6px rgba(46, 46, 46, 0.05);
    margin:0 20px;
    text-align: center;
    /*font-weight: bold;*/
    border-radius: 7px;
}
.titleName .line{
    display: inline-block;
    vertical-align: middle;
    width: 355px;
    height: 0px;
    border-top: 1px solid #F9B100;
    box-shadow: 0px 3px 6px rgba(46, 46, 46, 0.05);
    opacity: 1;
}
.bottomBg1{
    background-size: cover;
    background-position: center;
    width: 100%;
    height: 120px;
    background-image: url("../img/questionbg.png");
}
.bottomBg2{
    background-size: cover;
    background-position: center;
    width: 100%;
    padding:30px 0 20px 0;
    background-image: url("../img/orangeBg.png");
    text-align: center;
}
.bottomBg2 .bottomBlock{
    padding: 20px 0 0 30px;
    background-position: center;
    background-size: cover;
    width: 440px;
    height: 238px;
    display:inline-block;
    vertical-align: top;
    text-align: right;
    border-radius: 10px;
    border:2px solid #fff;
    overflow: hidden;
}
.bottomBg2 .bottomBlock1{
    background-image: url("../img/bottomLeft.png");
    margin-right: 20px;
}
.bottomBg2 .bottomBlock2{
    background-image: url("../img/bottomRight.png");
}
.bottomBg2 .test{
    background-image: url("../img/text.png");
}

.bottomBlock .bottomBlockTitle{
    text-align: left;
    color: #D1562A;
}
.bottomBlock .bottomBlockTitle>span:first-child{
    font-size: 22px;
    font-weight: bold;
}
.bottomBlock .bottomBlockTitle>span.line{
    width: 0px;
    height: 36px;
    border: 1px solid #D1562A;
    box-shadow: 0px 3px 6px rgba(46, 46, 46, 0.05);
    opacity: 1;
    margin:0 10px;
}
.bottomBlock .bottomBlockTitle>span:last-child{
    font-size: 17px;
}
.bottomBlock .bottomBlockName{
    width: 150px;
    height: 32px;
    line-height: 32px;
    background: #FFFFFF;
    border: 1px solid #F9B100;
    opacity: 1;
    border-radius: 7px;
    color: #333;
    display: block;
    font-size: 13px;
    text-align: center;
    margin-left: 235px;
    margin-top: 15px;
}
.bottomBlock .bottomBlockName:hover{
    border:1px solid transparent;
    background: #F1AB27;
    box-shadow: 0px 3px 16px rgba(218, 159, 13, 0.3);
    color: #fff;
}
.bottomBg2 .test .bottomBlockName{
    margin-right: 235px;
    margin-left: 0;
}
.w30{
    display: inline-block;
    vertical-align: middle;
    width: 27%;
    text-align: right;
    padding-right: 10px;
    box-sizing: border-box;
    color: #666;
}
.w70{
    display: inline-block;
    vertical-align: middle;
    width: 70%;
    text-align: left;
    box-sizing: border-box;
}
input[type="radio"] {
    position: absolute;
    clip: rect(0,0,0,0);
}
input[type="radio"] + label::before {
    content: '';
    display: inline-block;
    vertical-align: middle;
    width: 15px;
    height: 15px;
    margin-right: 5px;
    box-sizing: border-box;
    border-radius: 50%;
    margin-bottom: 4px;
    border: 1px solid #2E2E2E;
}
/* 被选中的单选框样式  给空心圆圈中间加上背景色*/
input[type="radio"]:checked + label::before{
    background-color: #F9B100;
    border: 1px solid #F9B100;
    background-clip: content-box; /* 规定背景颜色的绘制区域 */
    padding: 2px;
}
/* 单选框文字的样式 */
input[type="radio"] + label {
    font-size: 13px;
    margin-right: 5px;
}
.login span{
    display: inline-block;
    width: 260px;
    height: 37px;
    line-height: 37px;
    background: #F9B100;
    opacity: 1;
    border-radius: 10px;
    color: #fff;
    font-size: 19px;
    font-weight: bold;
    cursor: pointer;
}
.login span:hover{
    transition: all ease 0.5s;
    box-shadow: 0px 0px 6px rgba(46, 46, 46, 0.5);
}
/*退出登录样式*/
.logoutModel{
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.6);
    position: fixed;
    z-index: 999;
    top:0;
    left: 0;
    right: 0;
    bottom:0;
    display: none;
}
.logoutModel .logoutCon{
    width: 400px;
    height: 240px;
    border-radius: 20px;
    position: absolute;
    top:0;
    left: 0;
    right: 0;
    bottom:0;
    margin: auto;
    background-color: #fff;
    text-align: center;
    padding:30px 40px;
    box-sizing: border-box;
}
.logoutModel .logoutCon img{
    width: 50px;
    height: 55px;
    margin-bottom:30px;
}
.logoutModel .logoutCon>div:nth-child(2){
    font-size: 16px;
    margin-bottom: 30px;
}
.logoutModel .logoutCon>div:last-child{
    text-align: center;
}
.logoutModel .logoutCon>div:last-child span{
    text-align: center;
    display: inline-block;
    width: 120px;
    height: 33px;
    line-height: 33px;
    background: #F1AB27;
    border-radius: 7px;
    color: #fff;
    font-size: 15px;
    cursor: pointer;
}
.logoutModel .logoutCon>div:last-child span.cancel{
    margin-right: 30px;
}
/*分页样式调整*/
#page .layui-laypage-prev,#page .layui-laypage-next{
    border-radius: 28px!important;
    border:1px solid #F9B100!important;
    width: 70px!important;
}
#page .layui-laypage a,#page .layui-laypage span{
    width: 28px;
    margin: 0;
    padding: 0;
    margin-right: 10px;
    border:1px solid #F9B100!important;
    padding:0;
    border-radius: 28px;
}
#page .layui-laypage .layui-laypage-curr .layui-laypage-em{
    width: 28px;
    height: 28px;
    border-radius: 28px;
    text-align: center;
}
#page .layui-laypage .layui-laypage-curr .layui-laypage-em{
    background-color: #F9B100;
}
#page .layui-laypage a:hover {
    color: #F9B100;
}
